<html>
<head>
  <script src="/javascripts/jquery-1.3.2.min.js"></script>
  <link rel="stylesheet" href="/css/reset-min.css"></link>
  <link rel="stylesheet" href="/css/layout.css"></link>
  <link rel="stylesheet" href="/css/main.css"></link>
  <link rel="stylesheet" href="/css/page.css"></link>
  <title>${self.display_title()}</title>
</head>
<body>
<div id="container">
  <div id="header">
    <h1><a href="/">Racetrack Arbitrage Analyzer</a></h1>
    <span class="current-datetime">Server time: ${c.current_datetime}</span>
  </div>
  
  <ul id="menu">
    <li><a href="/">Home</a></li>
    <li><a href="/races">Races</a></li>
  </ul>
  
  <div id="content" class="clear-wrapper">
    <div id="main">
      ${ next.body() }
    </div>
    
    <div id="sidebar">
      <%include file="/layouts/race_day_information.html"/>
    </div>
  </div>
  
  <div id="footer">
    <span>All data presenting in this website are in research based.</span>
  </div>
</div>
</body>
</html>